<template>
  <div>
    <!-- <div>
      <el-button @click="count=1" type="primary">1</el-button>
      <el-button @click="count=2" type="primary">2</el-button>
      <el-button @click="count=4" type="primary">4</el-button>
      <el-button @click="count=6" type="primary">6</el-button>
      <el-button @click="count=8" type="primary">8</el-button>
    </div> -->
    <one v-if="count===1" />
    <two v-if="count===2" />
    <four v-if="count===4" />
    <six v-if="count===6" />
    <eight v-if="count===8" />
  </div>
</template>
<script setup lang="ts">
import one from './component/one.vue';
import two from './component/two.vue';
import four from './component/four.vue';
import six from './component/six.vue';
import eight from './component/eight.vue';

let count = ref(4)
</script>
<style scoped lang="scss">
</style>
